<template>
  <div class="flex flex-wrap gap-4">
    <ABtn class="rounded-0">
      rounded-0
    </ABtn>

    <ABtn
      color="success"
      class="rounded"
    >
      rounded
    </ABtn>

    <ABtn
      color="info"
      class="rounded-lg"
    >
      rounded-lg
    </ABtn>

    <ABtn
      color="warning"
      class="rounded-xl"
    >
      rounded-xl
    </ABtn>

    <ABtn
      color="danger"
      class="rounded-2xl"
    >
      rounded-2xl
    </ABtn>
  </div>
</template>
